<template>
  <div>
    <a-tabs :default-active-key="1" @change="callback">
      <a-tab-pane :key="1" tab="仓租配置">
        <SetConfigWarehouse />
      </a-tab-pane>
      <a-tab-pane :key="2" tab="收费规则配置">
        <SetChargingRule />
      </a-tab-pane>
      <a-tab-pane :key="3" tab="运费配置">
        <SetFreight />
      </a-tab-pane>
      <a-tab-pane :key="4" tab="费用应用">
        <SetCost />
      </a-tab-pane>
    </a-tabs>
  </div>
</template>

<script>
import SetConfigWarehouse from "@/components/system/setManage/setRule/SetConfigWarehouse";
import SetChargingRule from "@/components/system/setManage/setRule/SetChargingRule";
import SetFreight from "@/components/system/setManage/setRule/SetFreight";
import SetCost from "@/components/system/setManage/setRule/SetCost";
export default {
  components: {
    SetConfigWarehouse,
    SetChargingRule,
    SetFreight,
    SetCost
  },
  methods: {
    callback(key) {
      console.log(key);
    }
  }
};
</script>

<style lang="less" scoped></style>
